<template>
    <div class="home">
        <!-- <mainNav/> -->
        <LogIndex/>
    </div>
</template>

<script>
// @ is an alias to /src
// import mainNav from "@/components/mainNav.vue";
import LogIndex from "@/components/logIndex.vue";

export default {
  name: "home",
  components: {
    LogIndex
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
.home {
  width: 100%;
}
.slide-active {
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition-property: opacity, transform;
}
.slide-left-enter,
.slide-right-leave-to {
  opacity: 0;
  transform: translate3d(30px, 0, 0);
}
.slide-left-leave-to,
.slide-right-enter {
  opacity: 0;
  transform: translate3d(-30px, 0, 0);
}
</style>
